<template>
  <custom-dialog
    :title="title"
    :loading="loading"
    :visible.sync="innerVisible"
    :modal="false"
    append-to-body
    width="100%"
    top="133px"
  >
    <div class="custom-body">
      <custom-entity ref="open" />
    </div>
  </custom-dialog>
</template>

<script>
import CustomDialog from '@/portal4.1/mobile/common/CustomDialog';
import CustomEntity from '@/portal4.1/mobile/components/solt/content';
export default {
  name: 'EntityDialog',
  components: { CustomDialog, CustomEntity },
  data() {
    return {
      title: '',
      loading: false,
      innerVisible: false,
      setting: {}
    };
  },
  methods: {
    init(data) {
      this.loading = true;
      this.$nextTick(() => {
        this.$refs.open.init(data);
      });
      this.loading = false;
      this.innerVisible = true;
    }
  }
};
</script>

<style scoped>
.custom-body {
  padding:0px 55px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
</style>
